<template>
    <div class="layui-form add-site-box">
        <div class="layui-form-item">
            <label class="layui-form-label">限定交稿时间</label>
            <div class="layui-input-inline"><input name="date" id="date" lay-verify="date" placeholder="yyyy-MM-dd HH:mm:ss" autocomplete="off" class="layui-input" type="text"></div>
        </div>
        <div class="layui-form-item">
            <div class="layui-inline">
                <label class="layui-form-label">站点</label>
                <div class="layui-input-inline">
                    <select name="addSite">
                        <option value="">全部站点</option>
                        <option v-for="site in siteData" value="site.id">{{site.name}}</option>
                    </select>
                </div>
            </div>
            <div class="layui-inline">
                <label class="layui-form-label" style="width:115px;">请分配对应的商家</label>
                <div class="layui-input-inline"><select name="seller"><option value="0">商家</option></select></div>
            </div>
        </div>
        
        <div class="layui-form-item">
            <div class="layui-inline">
                <label class="layui-form-label">渠道</label>
                <div class="layui-input-inline"><select name=""><option value="0">有好货-单品</option></select></div>
            </div>
            <div class="layui-inline">
                <label class="layui-form-label" style="width:115px;">请分配对应的编辑</label>
                <div class="layui-input-inline"><select name="addSite"><option value="0">袁超平</option></select></div>
            </div>
        </div>

        <div class="layui-form-item">
            <div class="layui-inline">
                <label class="layui-form-label">状态</label>
                <div class="layui-input-inline"><select name="status"><option value="0">新分配</option><option value="1">商家审核</option><option value="2">审核中</option><option value="3">审核通过</option><option value="4">审核失败</option></select></div>
            </div>
        </div>
        
        <div class="layui-form-item">
            <div class="layui-inline">
                <label class="layui-form-label">商品链接</label>
                <div class="layui-input-inline"><input name="prodSrc" placeholder="请输入标题" class="layui-input" type="text"></div>
            </div>
        </div>
        
        <div class="layui-form-item">
            <div class="layui-inline">
                <label class="layui-form-label">文章标题</label>
                <div class="layui-input-inline"><input name="title" placeholder="请输入文章标题" class="layui-input" type="text"></div>
            </div>
            <div class="layui-inline">
                <label class="layui-form-label" style="width:115px;">文章链接</label>
                <div class="layui-input-inline"><input name="url" placeholder="请输入文章链接" class="layui-input" type="text"></div>
            </div>
        </div>

         <div class="laydate-set-ym" style="text-align:left;"><label class="layui-form-label"></label><button class="layui-btn">增加排期</button><button class="layui-btn">提交</button><!--button class="layui-btn layui-btn-primary">取消</button--></div>
    </div>
</template>
<script>
    export default{
        name: 'addPlan',
        data: function () {
            return {
                siteData: [
                    {id: 1, name: "简单生活"},
                    {id: 2, name: "简优Life"}
                ]
            }
        },
        mounted: function(){
            layui.use(['form', 'laydate'], function(){
                layui.form.render();
                layui.laydate.render({
                    elem: '#date',
                    type: 'datetime'
                });
                
            })
        }
    }
</script>
<style>
.layui-form-label{width: 90px;}
</style>